<template>
  <div id="ft-footer">
    <div class="left">
      <ul>
        <li>abc-賽品件覚在</li>
        <li>共同打造的上亿旅行者“旅行神器”</li>
        <li><span>60,000</span>多个的地</li>
        <li><span>600,000</span>个细多个全球旅地新玩法</li>
        <li><span>760,000,000</span> 次攻略下载</li>
        <li><span>38,000</span> 家旅游产全球旅游目品供应商</li>
      </ul>
      <ul>
        <li>关于我们</li>
        <li>隐私政策 商标声明</li>
        <li>服务协议 游记协议</li>
        <li>商城平台服务协议</li>
        <li>网络信息侵权通知指导</li>
        <li>旅游网页服务监督员</li>
        <li>网站地图加入闲</li>
      </ul>
      <ul>
        <li>旅行服务</li>
        <li>旅游攻略 酒店预订</li>
        <li>旅游特价 国际租车</li>
        <li>旅游特价 旅游保险</li>
        <li>旅游问答 旅游保险</li>
        <li>旅游指南 定火车票</li>
        <li>旅游腾讯 APP下载</li>
      </ul>
      <div id="two"><img src="../assets/two.png" alt=""><div class="title">关注我们</div></div>
    </div>
    <div class="right">
      <p>激活Windows</p>
      <p>转到"设置"以激活Windows</p>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less">
#ft-footer {
  padding: 40px 0;
  .right{
    margin-left: 100px;
    padding-top: 250px;
    p {
      margin-top: 5px;
      color: #7b797a;
    }
  }
  
  #two{
    margin-left: 200px;
    text-align: center;
    .title{
      margin: 5px 0;
      color: #9aa09e;
    }
  }
}
.left{
  margin-left: 200px;
  border-bottom: 2px solid #504f52;
  padding-right:20px ;
}
#ft-footer ul{
  color: #b0c0c4;
  margin-left: 40px;
  li {
    margin-top: 10px;
    span{
      color: #c67834;
    }
  }
}
.left{
  display: flex;
}
#ft-footer {
  display: flex;
background-color: #353233;
}
</style>